📒 Notes for Lecture 01: HTML Boilerplate
-
HTML Boilerplate: Always start with
<!DOCTYPE html>so the browser knows it’s HTML5. -
Use
<html lang="en">to set the document language to English. -
In the
<head>:-
<meta charset="UTF-8">lets us use emojis or Hindi text. -
<meta name="viewport" content="width=device-width, initial-scale=1.0">makes it mobile‐responsive. -
<title>controls what shows in the browser tab.
-
-
Everything you want visible goes inside
<body>. Today we covered:- Headings (
<h1>, etc.). - Paragraphs (
<p>). - Code blocks (
<pre><code>…</code></pre>).
- Headings (
-
Save this as
index.htmland open in your browser to preview.
Hinglish: Ye HTML boilerplate sabse pehla step hai.
<!DOCTYPE html> se browser ko pata chal jaata hai ki page HTML5 hai.
<meta charset="UTF-8"> se Hindi ya emoji waghara dikhenge.
<meta name="viewport"> se mobile pe page sahi scale karega.
Aur jo aap <body> mein likhenge, wahi browser mein dikhega.
💻 Live Code Preview
If the iframe doesn’t load, click here to open Lecture 01 code in a new tab.